/*本模板由DM建站系统 www.demososo.com开发
*/

.gridcol4 li{width: 22.5%; padding:0 1.25%; }
.gridcol3 li{width: 30%; padding:0 1.66%; }
.gridcol2 li{width: 45%; padding:0 2.5%; }

.gridcol li {float:left; display:inline;}
.gridcol li .title{font-weight:bold;font-size:14px;height: 40px;line-height:18px;padding:5px 0;  }
.gridcol li img{width: 100%;height: auto;  }
.gridcol h4{padding:5px 0;font-size:14px;font-weight:bold; }
.gridcol h4,.gridcol li .img,.gridcol li .more{text-align:center; }
.gridcol li .text{font-size:12px;line-height:20px; }
.gridcol .more{padding:5px 0; }
.gridcol .more a{display:inline-block;border:1px solid #ccc;padding:5px 10px; }

.imgper{width: 100%;height: auto;  }
 
/*gridcol2 ************gridcol2mid use for responsive*************************/
.gridcol2 li{padding-bottom:15px}
.gridcol2 .img{width: 45%;float:left; display:inline;  }
.gridcol2 h4{font-weight:bold;padding-bottom:8px;color:#333;font-size:16px;text-align:left; }
.gridcol2 .text{width: 52%; float:right; display:inline;}
.gridcol2 .desp{color:#999;font-size:12px;line-height:18px; }
.gridcol2 .desp p{line-height:16px; }
.gridcol2 li .more{text-align:left; }

.gridcol2sm .img{width: 30%;}
.gridcol2sm .text{width: 65%;  padding-top:15px;}
.gridcol2mid li{padding-bottom:30px}
 .gridcol2mid h4{height: 32px;overflow:hidden;margin-bottom:10px  }
/*.gridcol4*/
.gridcol3 li h4,.gridcol4 li h4{height: 18px; overflow:hidden;   }

/*cirimg*/
.cirimg li h4{font-size:16px;}
.cirimg li .img{padding:20px;  }
.cirimg li img{  width: 210px; height: 210px; 
border-radius: 50%;-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;   transition: all 0.2s ease-in-out 0s;  }


/*newsgridlist*/
.newsgridlist h3{height: 35px;line-height:35px; font-size:16px; }
.newsgridlist h3 span{float:right;font-size:12px; }
.newsgridlist .sublist li{padding:9px 0 9px 8px;border-bottom:1px solid #e2e2e2;display:block; width: 100%;    background: url(bg/arrow.png) 0px 15px no-repeat; }
.newsgridlist .sublist li.first{height: 250px; clear:both; overflow:hidden;background:url(bg/tm.gif) no-repeat ; position:relative;padding:0;  }
.newsgridlist .sublist li.first img{width: 100%; }
.newsgridlist .sublist li.first .text{position:absolute; left:0;bottom:0;height: 30px;line-height:30px;width: 98%;padding-left:2%;clear:both; overflow:hidden; background:#70B3E3;color:#fff   }

/*newstab*/
.newstab .sublist li{padding:9px 0 9px 8px;border-bottom:1px solid #e2e2e2;display:block; width: 100%;    background: url(bg/arrow.png) 0px 19px no-repeat; }
.newstab .dateday{float:right; color:#ccc}
.newstab li .despjj{color:#aaa;font-size:12px;display:none; padding:5px 0;margin:0;  }

/*bxgridPro*/
.bxgridPro li{float:left; display:inline; width: 200px; height: 270px; margin-right:30px}
.bxgridPro li .img img{display:block; width: 200px; height: 230px; }
.bxgridPro li .title{display:block;height: 30px;text-align:center;padding-top:5px  }
.bxgridPro{height:270px;overflow:hidden}

.bxhomeproduct{height:230px;}
.bxhomeproduct li{height:230px;}
.bxhomeproduct li .img img{height:190px;}

.bxgridlines li{float:left; width: 23%;height:230px;margin-right:2%;margin-bottom:20px;text-align:center;  }
.bxgridlines li a{display:block;}
.bxgridlines li{height: 230px; }
.bxgridlines li .title{height: 30px;overflow:hidden;  }
.bxgridlines  li .img{height:190px;overflow:hidden;margin-bottom:10px }
.bxgridlines  li .img img{width: auto; height:100%}

.bxgridKf li{float:left; display:inline;  margin-right:10px}
.bxgridKf li  img{display:block; width:191px; height: 162px; }
.bxgridKf{height:160px;overflow:hidden}

.bxpingjia{padding-bottom:50px; }
.bxpingjia .img img{border-radius:50% }
.bxpingjia .desp{color:#666}
/*homenews*/ 
.homenews {padding:5px; }
.homenews li{border-bottom:1px dotted #ddd;font-size: 13px;height: 27px; line-height: 27px;padding-bottom: 2px;padding-left: 10px;
	background:url(bg/arrow.png) 0px 10px no-repeat ;overflow:hidden;  }
.homenews li span{float:right; display:inline; color:#999;font-size:11px;}
.homenews li a{width: 210px; height: 27px; overflow:hidden;  }

/*gridlist*******************************/
.gridlist  li{width: 29%; height: 300px;line-height:16px; padding:1%;margin:0px 0 20px 2%; text-align:center; font-size:12px; float:left; display:inline;}
.gridlist .img img{width: 260px; height: 270px; }
.gridlist .title{height: 32px; clear:both; overflow:hidden; }
/*textlist***************************************/
.textlist  li{clear:both;overflow:hidden;padding:5px 0; margin-bottom:10px }
.textlist a.img{float:left; display:inline;width: 30%; margin-right:2% }
.textlist a.img img{width: 100%;height: auto;  }
.textlist h4 a{font-size:14px;font-weight:normal;background:url(bg/arrow.png) 0 10px  no-repeat ; padding:5px 0 5px 10px}
.textlist .day{float:right;font-weight:normal;padding-right:5px; }
.textlist li.hasimg .text{width: 66%;float:right;  }
.content .textlist p.textshort{line-height:16px; }
/*grid2ceng*/
.grid2ceng a{width:24%;margin-right:1.3333%;float:left;margin-bottom:1.5%;position:relative;overflow:hidden}
.grid2ceng a:nth-child(4n){margin-right:0}
.grid2ceng .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;z-index:9999}
.grid2ceng .overlay span{width:60px;height:60px;margin-left:-30px;margin-top:-30px;position:absolute;top:50%;left:50%;background:#E66432;border-radius:50%;font-size:30px;text-align:center;line-height:60px;color:#FFF}
.grid2ceng a:hover .overlay{display:block}
.grid2ceng h3{position:absolute;width:96%;padding:15px 2%;bottom:0;left:0;color:#FFF;font-size:16px}
.grid2ceng a:hover h3{display:none}
.grid2ceng img{width:100%;height:auto;display:block;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.grid2ceng a:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
/*gridallwidth*/
.gridallwidth{list-style:none;position:relative;margin:0;padding:0}
.gridallwidth li{float:left;margin:0;padding:0;position:relative;width:20%}
.gridallwidth li a,.gridallwidth li a img{display:block;position:relative;width:100%}
.gridallwidth li a{overflow:hidden}
.gridallwidth li a div.popdesp{position:absolute;background:rgba(231,102,63,0.75);width:100%;height:100%}
.gridallwidth li a div.desp{display:block;padding:10px 0;margin:11px 20px 20px 20px;font-weight:normal;color:#eee;text-align:center;font-size:1em}
.gridallwidth li a div h5{color:#FFF;font-size:2.5em;margin:1.5em 0 0 0;text-align:center;text-transform:capitalize;font-family:'Voltaire',sans-serif}

/*homenewgd*/
.homenewsgd{width:700px;margin:0 auto;height: 60px;   }
.homenewsgd .w1{width: 90px;height: 30px;  float:left; display:inline;margin-top:10px;font-size:16px;padding-left:36px ;background:url(bg/newslogo.png) no-repeat ; }
.homenewsgd .w2{width: 560px;float:left; display:inline;position:relative;height: 60px;overflow:hidden;     }
.homenewsgd .alert{position:absolute; top:2px;left:0;display:none; }
.homenewsgd .title{width: 420px;float:left; display:inline;  font-size:16px;font-style:italic;margin-top:10px;height: 40px;overflow:hidden;  }
.homenewsgd .more{margin-left:20px;float:left; display:inline;margin-top:10px; padding:8px 20px;border:1px solid #ccc;}
/***news_scroll**********************************************************************************news_scrollnews_scroll********************************************************************************/
.news_scroll{width:92%;margin:0 auto;overflow: hidden;}
.news_scroll li{width: 100%;min-height:125px;color: #6a6a6a;clear: both;overflow: hidden;border-bottom: 1px dashed #6a6a6a;
	margin-bottom: 10px;padding-bottom: 10px;}
.news_scroll .w1{float: left;margin:15px 15px 0 15px;}
.news_scroll .w2{float: left;text-align: left;	width: 76%;}
.news_scroll .title{font-size: 16px;font-weight: bold;}
.news_scroll .desp{	font-size: 14px;padding-top: 15px;	overflow: hidden;	color:#999;line-height:22px;}
.news_scroll .circle{width: 70px;height: 70px;padding:10px;border-radius:50%;text-align: center; 
	vertical-align: middle;	overflow: hidden;font-size: 16px;font-weight: bold;}
.news_scroll .circle .date{padding-top: 15px;text-align:center}